<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>入口页面2</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" />
		<meta name="author" content="say"/>
		<meta name="renderer" content="webkit"/>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
		<link rel="stylesheet" href="../../static/css/portal1.css" />
		<link rel="stylesheet" href="../../static/font/font-awesome.min.css" />
		<script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js" ></script>		
	</head>
	<body>
		<header>
			<div class="header-in">
				<div class="logo">
					<h1>
						<a href="#">
							入口页面
						</a>
					</h1>
					<div class="logo-r">
						<ul>
							<li><a href="#">百合少年</a></li>
							<li class="currented"><a href="index2.html">百合少年</a></li>
							<li><a href="#">百合少年</a></li>
						</ul>
					</div>
				</div>
				<div class="header-nav">
					<ul>
						<li><a href="#"class="messages">最新消息<span >12</span></a></li>
						<li class="dropdown">
							<a href="#">你好！  <span id="">李老师</span>
								<ul class="dropdown-menu">
									<li><a href="#"><i class="fa  fa-user"></i>个人信息</a></li>
									<li><a href="#"><i class="fa  fa-cog"></i>基础设置</a></li>
									<li class="divider"></li>
									<li class="exit"><a href="#"><i class="fa  fa-close"></i>退出</a></li>
								</ul>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<div class="containter">
			<div class="modal modal-s">
				<ul>
					<li class="active">
						<a href="#" title="点击进入第一个系统" class="blue">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-flag fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="green">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-gratipay fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="red">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-file fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="purple">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-indent fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="cyan">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-th-large fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="yellow">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  	<i class="fa fa-book fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="orange">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-modx fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-resistance  fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="green">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-mixcloud fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="red">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-hospital-o fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="purple">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-snapchat-ghost fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li>
						<a href="#" title="点击进入第一个系统" class="cyan">
							<span class="fa-stack fa-2x">
							  <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
							  <i class="fa fa-themeisle fa-stack-1x "></i>
							</span>
							模块名称模块
						</a>
					</li>
					<li class="last-li">
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			
			<div class="clearfix"></div>
		</div>
	<!--	<footer><p>版权信息</p></footer>-->
		<script>
			$(function(){
				$(".dropdown").mouseenter(function(){
					$(".dropdown").addClass('dropdown-t');
					$(".dropdown-menu").css("display","block");
				});
				$(".dropdown").mouseleave(function(){
					$(".dropdown").removeClass('dropdown-t');
					$(".dropdown-menu").css("display","none");
					
				});
				$(".modal ul li").click(function(){
					$(this).addClass('active').siblings().removeClass('active');
				})
				$(".last-li").click(function(){
					$(".last-li").before("<li><a href='#' title='点击进入第一个系统'><span class='fa-stack fa-2x'><i class='fa fa-circle fa-stack-2x fa-inverse'></i><i class='fa fa-flag fa-stack-1x '></i></span>新增模块名称</a></li>");
				});
				$(".logo-r ul li").click(function(){
					$(this).addClass('currented').siblings().removeClass('currented');
				})
			})
		</script>
	</body>
</html>
